<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Item Management</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="container">
		<h1>Item Management</h1>
		
		<div id="nav">
			<ul>
				<li><a href="index.html">Items</a></li>
				<li class="active"><a href="category.html">Categories</a></li>
				<li><a href="templates.html">Templates</a></li>
                <li><a href="config.html">Config</a></li>
			</ul>	
			<br class="clr" />		
		</div><!-- end of #nav -->
				
		<div id="subnav">
			<ul>
				<li class="active"><a href="category.html">View all categories</a></li>
				<li><a href="category_add.html">Add new category</a></li>
			</ul>				
			<br class="clr" />	
		</div>
		
		<div id="main">
			<h2>View all categories</h2>
			<div id="filter">	
				Show: <a href="#">20</a> | <a href="#">50</a> | <a href="#">100</a>
			</div><!-- end of #filter -->
			
			<table id="table2">
				<thead>
					<tr>
						<th class="id">ID</th>
						<th class="title">Name</th>
						<th class="parent">Parent</th>
						<th class="action">Action</th>
					</tr>
				</thead>
				
				<tbody>
					<tr>
						<td class="id">1</td>						
						<td class="title"><a href="#">Category 1</a></td>
						<td class="parent">None</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					
					<tr>
						<td class="id">5</td>	
						<td class="title">|-- <a href="#">Category 1.1</a></td>											
						<td class="parent">Category 1 (1)</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					
					<tr>
						<td class="id">6</td>	
						<td class="title">|-- <a href="#">Category 1.2</a></td>											
						<td class="parent">Category 1 (1)</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					
					<tr>
						<td class="id">2</td>
						<td class="title"><a href="#">Category 2</a></td>
						<td class="parent">None</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					<tr>
						<td class="id">3</td>
						<td class="title"><a href="#">Category 3</a></td>
						<td class="parent">None</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					<tr>
						<td class="id">7</td>	
						<td class="title">|-- <a href="#">Category 3.1</a></td>											
						<td class="parent">Category 3 (3)</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					<tr>
						<td class="id">4</td>
						<td class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|-- <a href="#">Category 3.1.1</a></td>
						<td class="parent">category 3.1 (7)</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
                    <tr>
						<td class="id">8</td>
						<td class="title">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;|-- <a href="#">Category 3.1..11</a></td>
						<td class="parent">category 3.1.1 (4)</td>
						<td class="action"><a href="#">Delete</a></td>
					</tr>
					
				</tbody>
			</table>
			
			<div class="paging">
				<strong>61 - 80</strong> trong khoảng <strong>136</strong> &nbsp;<span class="light">|</span>&nbsp; Trang
				<a href="#">1</a>
				<a href="#">2</a>
				<a href="#">3</a>
				<span class="current">4</span>
				<a href="#">5</a>
				<a href="#">6</a>
				<a href="#">7</a>		
			</div><!-- end of #paging -->
		</div><!-- end of #container -->
	</div><!-- end of #container -->
</body>
</html>
